<template>
	<view class="">
		<view class="bj" v-if="isOpen ==1">
			<image class="jj" src="https://oss.jht.jht.cash/img/20250513/F5TOMOAe.png" mode="widthFix"></image>
			<view class="content">

				<view v-if="isWeixin == true" class="cpt_mark">

					<image src="../../static/group.png"
						style="position: absolute;right: 40rpx;top: 0rpx; width: 100rpx;height: 100rpx;"></image>

					<view style="position: absolute; top: 140rpx;left: 0rpx;right: 0rpx; text-align: center;">
						<text style="display: block; color: white;font-size: 30rpx;">1.点击右上角</text>
						<view>
							<view
								style="display: flex;flex-direction: row;align-items: center;justify-content: center;">
								<text style="color: white;font-size: 30rpx; ">2.选择</text>
								<image src="../../static/liulanqi.png" style="width: 50rpx;height: 50rpx;"></image>
								<text style="color: white;font-size: 30rpx;">图标，在浏览器打开</text>
							</view>
						</view>
					</view>
				</view>

				<view class="logon-message">
					<!-- <view class="" style="width: 100%;;height:31vw;background: red;position: absolute;">

					</view> -->
					<view style="margin-top: 30rpx;">

						<view class="logon-message-phone">
							<input v-model="phone" @input="inputFn"
								style="caret-color: #FF4F01; color: #333333; font-size: 33rpx;width: 100%;padding:0 60rpx;height: 96rpx;line-height: 96rpx"
								adjust-position="false" class="uni-input" maxlength="11" type="tel"
								placeholder="请输入手机号" />
						</view>
					</view>
					<view style="margin-top: 30rpx;">

						<view class="logon-message-phone">
							<input class="uni-input" @input="inputFnYzm"
								style=" caret-color: #FF4F01; color: #333333; font-size: 33rpx;width: 50%;padding:0 60rpx;height: 96rpx;line-height: 96rpx"
								adjust-position="false" v-model="smsCode" maxlength="4" type="tel"
								placeholder="请输入验证码" />
							<text class="getCode" v-if="count==60" @click="$noMultipleClicks(sendCode)">
								获取验证码
							</text>
							<text class="getCode" v-else>{{count}}秒后重试</text>
						</view>
					</view>

					<view
						style="margin-left: 6vw;margin-right: 5vw; margin-top: 15rpx;flex-direction: row;align-items: center;">

						<image class="ty-img" @click="tyBtn" v-if="tyBtnIndex==false"
							src="@/static/index/icon_nor_ty.png" mode="aspectFit"></image>
						<image v-else class="ty-img" @click="tyBtn" src="@/static/index/icon_select_ty.png"
							mode="aspectFit">
						</image>

						<text style="color: #D1D1D1;font-size: 20rpx;">我已阅读并同意</text>
						<text class="mc" style="font-size: 20rpx;" @click="xyBtn(item,index)"
							v-for="(item,index) in xyList">《{{item.tit}}》{{index+1!=xyList.length?'':''}}</text>

					</view>
					<view class="logon-message-submit" @click="loginclick">
						立即申请
					</view>
				</view>


				<!-- <view class="logon-message">
				<view class="logon-message-tit">手机号码</view>
				<view class="logon-message-phone">
					<input class="uni-input" type="tel" placeholder="请输入手机号" />
				</view>
			</view> -->

				<uni-popup ref="xyPup" type="bottom" border-radius="10px 10px 0 0">

					<view class="xyPup">
						<xyswiper :xyList="xyList" :active="xyActive"></xyswiper>
					</view>
				</uni-popup>
				<uni-popup ref="backAffirm" type="center" border-radius="10px 10px 0 0">
					<view class="backAffirm-wrap">
						<view class="backAffirm-wrap-heard">
							<image src="@/static/index/icon_jb.png" mode=""></image>

						</view>
						<view class="backAffirm-wrap-des">
							您可能会错过以下权益
						</view>

						<view class="backAffirm-wrap-list">

							<view class="backAffirm-wrap-list-msg" v-for="(item,index) in backAffirmList" :key="index">
								<image class="backAffirm-wrap-list-msg-img" :src="item.url" mode=""></image>
								<view class="backAffirm-wrap-list-msg-msg">{{item.msg}}</view>
							</view>

						</view>
						<view class="backAffirm-wrap-ts">
							信息加密存储仅用于资质申请，平台承诺不会泄露您的任何信息。
						</view>

						<view class="backAffirm-wrap-btn" @click="goPage('/pagesC/list/index')">
							立即申请
						</view>
					</view>
					<view class="backAffirm-wrap-close" @click="closeBackAffirm">
						<image src="@/static/index/icon_gb.png" mode=""></image>
					</view>
				</uni-popup>

			</view>
	
		</view>
		<view class="nofind" v-else>
			<view class="nofindImg">
				<image src="@/static/index/icon_404.png" mode=""></image>
			</view>
			<view>暂未找到页面</view>

		</view>
	</view>


</template>

<script>
	import xyswiper from '@/components/xySwiper.vue'
	import {
		login,
		clickChannel,
		sendSmsCode,
		checkChannelV1,
		oldRegisterV5
	} from "@/api/index.js";
	// import baseApi from '../../config/index.config.js';
	// import jsondata from "../../comment/data.json"
	import w_md5 from "@/js_sdk/zww-md5/w_md5.js"
	import JSEncrypt from 'jsencrypt-plus';
	// import JSEncrypts from '@/js_sdk/xiaoyucoding-jsencrypt-plus/index.js';

	export default {
		components: {
			w_md5,
			xyswiper
		},
		data() {
			return {
				smsCode1:'',
				backAffirmList: [{
						url: '@/static/index/icon_tag1.png',
						msg: '以匹配产品的申请机会'
					},
					{
						url: '@/static/index/icon_tag2.png',
						msg: '初审已通过，确认额度立即提现'
					},
					{
						url: '@/static/index/icon_tag3.png',
						msg: '优质信贷经理专属服务'
					}
				],
				startX: 0,
				// 防抖节流
				noClick: true,
				tyBtnIndex: false,
				xyList: [{
						tit: '注册协议',
						url: 'https://h5.jht.cash/xy/jhtzcxy.html'
					},
					{
						tit: '隐私协议',
						url: 'https://h5.jht.cash/xy/jhtyxxysdk.html'
					}

				],
				xyActive: null,
				// xieyi: jsondata,
				title: 'Hello',
				money: 20000,
				choose: 0,
				shouehuan: 0,
				mounth: 12,
				mountha: 12,
				mounthb: 6,
				mounthc: 3,
				lixi: 0,
				lixia: 0,
				lixib: 0,
				lixic: 0,
				phone: "",
				smsCode: "",
				channelid: "",
				isWeixin: false,
				isOpen: 1,
				xieyishow: false,
				yinsidoalog: false,
				xieyitext: "",
				xieyititle: "",
				scrollTop: 0,
				oldScrollTop: 0,
				count: 60, // 倒计时总秒数
				timer: null, // 定时器
				buttonText: '发送验证码', // 按钮显示的文本
				check: true,
				partData: [
					[{
						"select": false,
						"title": "有房",
						"field": "",
						"show": true
					}, {
						"select": false,
						"title": "有车",
						"field": "",
						"show": true
					}, {
						"select": false,
						"title": "有社保",
						"field": "",
						"show": true
					}, {
						"select": false,
						"title": "有保单",
						"field": "",
						"show": true
					}],
					[

						{
							"select": false,
							"title": "无逾期",
							"field": "",
							"show": true
						}, {
							"select": false,
							"title": "有公积金",
							"field": "",
							"show": true
						}, {
							"select": false,
							"title": " ",
							"field": "",
							"show": false
						}, {
							"select": false,
							"title": " ",
							"field": "",
							"show": false
						}
					]

				],
				delta: 50, //滑动判断
				touchStartX: 0, // 触屏起始点x
				touchStartY: 0, // 触屏起始点y
				nochannelid: true
			}

		},
		onMounted() {

		},
		onUnload() {

		},
		async onShow() {

			// 用户免登录


			const cacheData = JSON.parse(localStorage.getItem('tokens'));
			this.tokens = cacheData
			
			if (this.tokens) {
				// copy 取得   
				uni.setStorageSync('token', this.tokens);
				uni.navigateTo({
					url: '/pages/indexSub/index'
				})
			}
			// 用户免登录
			let data = {
				name: '首页',
				age: "23"
			}
			this.$ymmd(data)
		},
		onUnmounted() {

		},

		async onLoad(option) {
			let queryParams = {}
			// let res = await pageStudyInfo(queryParams);
			// console.log(res, 'res')
			// console.log(res.data.records);
			var PUBLIC_KEY = `-----BEGIN PUBLIC KEY-----
								MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC41n1LMlYKesjPaLEYjEg2R7AZ
								1lOdyjudhTvKrXEdQc9XrxtZIJZhQhmkyZquBsUrtxzRaLIraIhUWbxmaaBiqbLE
								bFWduIIcqbtnSEE2zZhBOqdnj3qa1YzEbo6bOEUB0cGWMy0yNlQBGJVMFAFIywEL
								4Diuf3ByF5Fs5Xs4YwIDAQAB
								-----END PUBLIC KEY-----`;
			var encryptContext = new JSEncrypt();
			encryptContext.setPublicKey(PUBLIC_KEY);
			var data = {
				time: new Date().getTime(),
				sign: 'zsSuzfL0f5'
			};
			data = JSON.stringify(data);
			var encryptedData = encryptContext.encryptLong(data);
			// console.log('加密后的结果：', encryptedData);
			this.isWeixin = this.isWeiXinBrowser()
			// this.isWeixin = false
			this.obtainvalue();
			this.init(encryptedData)



			this.changedata();
			this.phone = uni.getStorageSync('phone');
		},

		beforeDestroy() {
			if (this.timer) { // 组件销毁前清除定时器，防止内存泄漏
				clearInterval(this.timer);
			}
		},
		methods: {
			inputFn(e) {
				// if (this.phone.length == 11) {
				// 	this.sendCode(1)
				// }

			},
			inputFnYzm(e) {
				if (this.smsCode.length == 4) {
					this.tyBtnIndex = true
					this.loginclick()
				}
			},
			onBack() {
				//检测到返回再插一条
				window.history.pushState(null, null, document.URL);
				//在这里弹个弹框什么的
				// alert("我爱你")
				uni.navigateTo({
					url: '/pages/index/index'
				})

			},
			handlePopState() {
				// 在这里处理浏览器返回事件
				uni.navigateTo({
					url: '/pages/indexSub/index'
				});
			},
			closeBackAffirm() {
				this.$refs.backAffirm.close()
				this.$refs.surePageLj.close()

			},
			/**
			 * 触摸开始
			 **/
			touchStart(e) {
				console.log('触摸开始');
				this.touchStartX = e.touches[0].clientX;
				this.touchStartY = e.touches[0].clientY;
			},

			/**
			 * 触摸结束
			 * type用来区分哪个页面的点击事件
			 **/
			touchEnd(e) {
				// console.log('func', func)
				// debugger;
				e.preventDefault(); // 3.阻止默认行为，不阻止事件冒泡
				// console.log('触摸结束');
				let deltaX = e.changedTouches[0].clientX - this.touchStartX;
				let deltaY = e.changedTouches[0].clientY - this.touchStartY;
				// X轴的滑动距离大于 delta，且此次事件是以X轴移动为主（左滑或者右滑）；
				if (Math.abs(deltaX) > this.delta && Math.abs(deltaX) > Math.abs(deltaY)) {
					if (deltaX >= 0) {
						// this.$refs.backAffirm.open()
					} else {
						// this.$refs.backAffirm.open()
					}
					// Y轴的滑动距离大于 delta，且此次事件是以Y轴移动为主（上滑或者下滑）；
				} else if (Math.abs(deltaY) > this.delta && Math.abs(deltaX) < Math.abs(deltaY)) {
					if (deltaY < 0) {
						console.log("上滑")
					} else {
						console.log("下滑")

					}
					// 两轴位移都特别小，可以判断是点击
				} else if (Math.abs(deltaY) < 25 && Math.abs(deltaX) < 25) {

					console.log("点击滑")
				} else {
					console.log("误触")

				}
			},
			// handleTouchStart(event) {
			// 	// 记录用户触摸开始的X坐标
			// 	this.startX = event.touches[0].clientX;
			// },
			// handleTouchMove(event) {
			// 	const moveX = event.touches[0].clientX; // 记录当前触摸的X坐标
			// 	const diffX = moveX - this.startX; // 计算移动的距离

			// 	// 如果向右移动的距离大于某个阈值（例如30px），则阻止默认行为
			// 	if (diffX > 30) {
			// 		this.$refs.backAffirm.open()
			// 		// uni.reLaunch({
			// 		//     url: '/pages/index/index' // 替换为当前页面的路径
			// 		// });
			// 		// event.preventDefault();
			// 		// alert("噢噢噢噢")
			// 	}
			// },
			onInputFocus() {
				uni.pageScrollTo({
					scrollTop: 0, // 设置滚动的距离
					duration: 300, // 设置滚动动画的时长

				});
			},

			async init(encryptedData) {
				var iswx = 0
				let res = await checkChannelV1()
				// 微信浏览器条件下运行   
				if (this.isWeiXinBrowser()) {
					iswx = 1
					if (res.data.wxopen == 0) {
						this.isWeixin = true
					} else if (res.data.wxopen == 1) {
						this.isWeixin = false
					}
				} else {
					iswx = 0
				}
				if (res.data.status == 0) {
					// 404
					this.isOpen = -1
				} else {
					this.isOpen = 1
					var hostname = location.hostname
			
				}
			
				let ddd = {
					"mobile": '',
					"type": 1,
					"sign": encryptedData,
					"iswx": iswx
				}
				let res2s = await clickChannel(ddd)
			},
			// 打开协议
			xyBtn(item, index) {
				this.xyActive = index
				console.log(item, '这是啥啊')
				this.$refs.xyPup.open()
			},
			// 是否同意
			tyBtn() {
				this.tyBtnIndex = !this.tyBtnIndex
			},

			btn() {
				console.log("你好")
				uni.report('btn', {
					'name': '张三',
					'age': '21',

				})
				console.log("22你好")
			},
			isWeiXinBrowser() {
				// #ifdef H5
				// window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
				let ua = window.navigator.userAgent.toLowerCase()
				// 通过正则表达式匹配ua中是否含有MicroMessenger字符串
				if (ua.match(/MicroMessenger/i) == 'micromessenger') {
					return true
				} else {
					return false
				}
				// #endif
				return false
			},
			cellckick(cell) {
				cell.select = !cell.select
			},
			async sendCode(type) {

				let regex = /^1[3-9]\d{9}$/;
				if (!regex.test(this.phone)) {
					this.ts("请输入正确的手机号码")
					return;
				}
				this.$ymmdBtn("ymBtnCode", {
					name: '验证码',
					phone: this.phone
				})
				uni.showLoading({
					title: '正在发送验证码',

				});
				let timestamp1 = new Date().getTime();
				let newStr = timestamp1.toString().slice(0, -4) + timestamp1.toString().slice(-3);

				let sk = w_md5.hex_md5_32(newStr + this.phone);
				let data = {
					"mobile": this.phone,
					"sk": sk,
					"timestamp": timestamp1,
					"type": 1
				}
				let rrr = await sendSmsCode(data)


				if (rrr.code == 100000) {
					this.$ts("发送成功!")
					this.smsCode = rrr.data
					uni.hideLoading();
					this.startCountdown();
					this.tyBtnIndex = true
					// this.loginclick()
					this.loginclick()
				}
				if (type == 1) {
					if (this.smsCode.length == 4) {

						this.tyBtnIndex = true
						this.inputFnYzm()
					}

				}

			},
			startCountdown() {
				this.count -= 1;
				this.timer = setInterval(() => {
					if (this.count > 0) {
						this.count -= 1;
					} else {
						clearInterval(this.timer); // 清除定时器
						this.count = 60
					}
				}, 1000);
			},


			obtainvalue() {
				var paraString = window.location.href
				var c = paraString.split('?')

				if (c.length > 1) {
					var b = c[1]

					var d = b.split('#')

					if (d.length > 1) {

						var e = d[0].split('=')

						if (e.length > 1) {

							var e = e[1].replace(' ', '')
							var f = e.split('&')
							if (f.length > 1) {
								this.channelid = f[0].replace(' ', '')
							} else {
								this.channelid = e
							}

						} else {
							this.channelid = ''
						}
					} else {
						this.channelid = ''
					}

				} else {
					this.channelid = ''
				}
			},
			submit() {

				console.log(this.phone, '电话')
				console.log(this.smsCode, '验证码')
			},
			async loginclick() {
				// uni.navigateTo({
				// 	url: '/pages/indexSub/index'
				// })
				// return;
				let regex = /^1[3-9]\d{9}$/;
				if (!regex.test(this.phone)) {
					this.ts("请输入正确的手机号码")
					return;
				} else if (this.smsCode == '') {
					this.ts("请输入验证码")
					return;
				} else if (!this.tyBtnIndex) {
					this.ts("请同意并勾选协议")
					return;
				}
				this.$ymmdBtn("ymBtnLogin", {
					name: '点击登录',
					phone: this.phone,
					code: this.smsCode,
				})
				let phoneStr = this.phone
				var that = this
				var sk = w_md5.hex_md5_32(phoneStr + "Nas1WjGRGe");
				// uni.showLoading({})
				let data = {
					"mobile": phoneStr,
					"sk": sk,
					"code": this.smsCode,
				}
				let res1 = await login(data)
				uni.setStorageSync('token', res1.data.userMess.token);
				uni.setStorageSync('userInfo', res1.data);
				localStorage.setItem('tokens', JSON.stringify(res1.data.userMess.token));
				if (res1.code == 100000) {
					let data2 = {
						"mobile": phoneStr,
						"type": 2
					}
					let res2 = await clickChannel(data2)
					console.log(res2, '返回的是啥')
				}
				uni.navigateTo({
					url: '/pagesC/list/index'
				})
				// return;
				// this.goPagesList(res1)


			},
			goPagesList(res1) {

				let that = this
				var url = "";
				if (res1.data.page == "form") {
					url = "/pagesA/form/index?channelid=" + that.channelid +
						"&token=" + res1.data.userMess.token;
				} else if (res1.data.page == "list") {
					url = "/pagesC/list/index?channelid=" + that.channelid +
						"&token=" + res1.data.userMess.token;
				} else if (res1.data.page == "sure1") {
					url = "/pagesA/form/index?channelid=" + that.channelid +
						"&token=" + res1.data.userMess.token;
				} else if (res1.data.page == "sure2") {
					url = "/pagesA/form/index?channelid=" + that.channelid +
						"&token=" + res1.data.userMess.token;
				} else if (res1.data.page == "shop") {
					url = "/pagesA/form/index?channelid=" + that.channelid +
						"&token=" + res1.data.userMess.token;
				} else if (res1.data.page == "form_match") {
					let data = encodeURIComponent(JSON.stringify(res1.data.userinfo));
					url = `/pagesA/form/indexOld?type=1&userInfo=${data}`;
				} else if (res1.data.page == "end") {
					url = `/pagesE/result/index`;
				}
				// console.log(url, '')
				if (url.length > 0) {
					uni.navigateTo({
						url: url
					})
				}
			},
			xieyiclick1() {
				this.yinsidoalog = true;
				this.xieyititle = '隐私协议'
				this.xieyitext = this.xieyi.user.replace(/\n/g, '<br/>')
				this.scrollTop = this.oldScrollTop
				this.$nextTick(() => {
					this.scrollTop = 0
				});
				// window.location.href = baseApi.yisi;
			},
			xieyiclick2() {
				this.yinsidoalog = true;
				this.xieyititle = '注册协议'
				this.xieyitext = this.xieyi.regis.replace(/\n/g, '<br/>')

				this.scrollTop = this.oldScrollTop
				this.$nextTick(() => {
					this.scrollTop = 0
				});
				// window.location.href = baseApi.zhuce;

			},
			xieyiconclick() {
				this.yinsidoalog = false;
			},
			allmoney() {
				this.money = 200000;
				this.changedata();
			},
			phoneinputClick(value) {
				this.phone = value.detail.value
			},
			codeinputClick(value) {
				this.smsCode = value.detail.value
			},
			moneyinputclick(value) {
				this.money = value.detail.value
				this.changedata();
			},
			mounthclick1() {
				this.choose = 0;
				this.changedata();
			},
			mounthclick2() {
				this.choose = 1;
				this.changedata();
			},
			mounthclick3() {
				this.choose = 2;
				this.changedata();
			},
			checkClick() {
				this.check = !this.check
			},
			changedata() {
				this.shouehuan = "35.00"; //parseFloat(this.money * 0.0084).toFixed(2)
				if (this.choose == 0) {
					this.lixi = parseFloat(0.00015 * 360 * this.money).toFixed(2)
					this.mounth = 12
				} else if (this.choose == 1) {
					this.lixi = parseFloat(0.00015 * 180 * this.money).toFixed(2)
					this.mounth = 6
				} else if (this.choose == 2) {
					this.lixi = parseFloat(0.00015 * 90 * this.money).toFixed(2)
					this.mounth = 3
				}
				this.lixic = parseFloat(0.00015 * 90 * this.money).toFixed(2)
				this.lixib = parseFloat(0.00015 * 180 * this.money).toFixed(2)
				this.lixia = parseFloat(0.00015 * 360 * this.money).toFixed(2)
			},
			inputshutClick() {
				this.money = ""
				this.changedata()
			},
			ts(tit) {
				uni.showToast({
					title: tit,
					icon: 'none',
					duration: 2000
				})
			},
			goPage(url) {
				uni.navigateTo({
					url
				})
				this.$refs.backAffirm.close()
			},

		},

	}
</script>

<style lang="scss">
	.nofind {

		margin: 300rpx auto;
		text-align: center;

		.nofindImg {
			width: 200rpx;
			height: 200rpx;
			text-align: center;
			margin: 30rpx auto;

			// line-height: 80rpx;
			image {
				width: 100%;
				height: 100%;
				vertical-align: middle;
			}
		}

	}

	.backAffirm-wrap {
		.backAffirm-wrap-list {
			.backAffirm-wrap-list-msg {
				.backAffirm-wrap-list-msg-img {
					width: 32rpx;
					height: 32rpx;

					vertical-align: center;
				}

				.backAffirm-wrap-list-msg-msg {
					font-size: 30rpx;
					margin-left: 20rpx;
				}

				display: flex;
				align-items: center;
				margin: 30rpx;
			}

			width: 80%;
			padding:4rpx 36rpx;
			margin: 0 auto;
			background: #EBF3FF;
			border-radius: 20rpx;
		}

		.backAffirm-wrap-btn {
			background: linear-gradient(90deg, #6CB0F2 0%, #3C75F2 100%);
			box-shadow: 0px 8rpx 15px 2px #B2CBEA;
			border-radius: 100rpx;
			width: 60%;
			margin: 20rpx auto auto auto;
			line-height: 80rpx;
			text-align: center;
			color: #ffffff;
			font-size: 30rpx;

		}

		.backAffirm-wrap-ts1 {
			font-size: 28rpx;
			color: #999999;
			text-align: center;
		}

		.backAffirm-wrap-ts {
			color: #999999;
			font-size: 26rpx;
			width: 80%;
			margin: 30rpx auto;
		}

		.backAffirm-wrap-price {
			display: flex;
			align-items: center;
			justify-content: center;

			.backAffirm-wrap-price-left {
				font-weight: 500;
				font-size: 48rpx;
				color: $mian-color;
			}

			.backAffirm-wrap-price-right {
				font-weight: bold;
				font-size: 100rpx;
				color: $mian-color;
			}
		}

		.backAffirm-wrap-des1 {
			color: #333;
			font-size: 30rpx;
			text-align: center;
			padding: 20rpx;
		}

		.backAffirm-wrap-des {
			color: $mian-color;
			font-size: 32rpx;
			text-align: center;
			padding: 40rpx;
		}

		.backAffirm-wrap-heard1 {
			width: 200rpx;
			height: 200rpx;
			margin: 0 auto;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.backAffirm-wrap-heard {
			width: 100%;
			height: 150rpx;
			background-image: url('@/static/index/icon_close.png');
			background-size: 100% 100%;
			text-align: right;

			image {
				width: 200rpx;
				height: 200rpx;
				margin: -60rpx -16rpx 0 0;


			}
		}

		height: 800rpx;
		width: 690rpx;
		border-radius: 20rpx;
		background-color: #ffffff;
	}

	.backAffirm-wrap-close {
		width: 60rpx;
		height: 60rpx;
		margin: 50rpx auto auto auto;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.jj {
		width: 100%;
		height: 140vh;
		position: absolute;
		left: 0;
		top: 0;
	}


	// 协议弹框
	.xyPup {
		width: 100%;
		background: #fff;
		border-radius: 30rpx 30rpx 0 0;
		height: 65vh;
	}

	.ty-img {
		width: 24rpx;
		height: 24rpx;
		vertical-align: middle;
		margin-right: 10rpx;
	}

	.getCode {
		border-left: 2rpx solid $mian-color;
		padding-left: 20rpx;
		color: $mian-color;
		font-size: 28rpx;
		width: 30%;
	}


	.logon-message {

		position: absolute;
		// width: 80%;
		// top: 28%;
		top: 91vw;
		// left: 5%;

		// left: 8vw;
		// right: 8vw;
		left: 5vw;
		right: 5vw;
		// width: 76vw;
		// padding: 60rpx 30rpx 30rpx 30rpx;
		padding: 60rpx 0rpx 30rpx 0rpx;
		// height: 32vh;
		// background: #fff;
		border-radius: 10rpx;
		margin: 0 auto;

		.logon-message-tit {
			margin-left: 3vw;
			margin-right: 3vw;
			font-size: 30rpx;
			color: #333;
			padding: 10rpx;
			width: 90%;
			margin: 0 auto;

		}



		.logon-message-phone {
			// width: 90%;
			margin: 0 auto;
			font-size: 28rpx;
			background: #F1F8FF;
			margin-left: 5vw;
			margin-right: 5vw;
			// padding: 20rpx 20rpx;
			justify-content: space-between;
			border-radius: 100rpx;
			display: flex;
			align-items: center;
			border: 2rpx solid #E9E9E9;

			input {
				padding-left: 20rpx;
				-webkit-appearance: none !important;
				background-color: transparent !important;
				border: none !important;
			}
		}

	}

	.cpt_mark {
		position: fixed;
		top: 0rpx;
		left: 0rpx;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 99;
	}

	.content {
		display: flex;

		flex-direction: column;
		/* 	align-items: center;
		justify-content: center; */
	}

	.logo_bg {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		margin-top: 18rpx;
		margin-left: 25rpx;
		margin-right: 25rpx;
	}

	.head {
		display: flex;
		flex-direction: column;
		align-items: initial;
		margin-top: 18rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		border-radius: 25rpx;

		box-shadow: 1rpx 1rpx 10rpx 1rpx rgba(43, 83, 230, 0.21);
	}

	.cell_select {
		padding: 10rpx;
		background-color: #FFEAE0;
		border-radius: 25rpx;
		box-shadow: 1rpx 1rpx 10rpx 1rpx rgba(43, 83, 230, 0.21);
	}

	.cell_no {
		padding: 10rpx;
		background-color: #ffffff;
		border-radius: 25rpx;
		box-shadow: 1rpx 1rpx 10rpx 1rpx rgba(43, 83, 230, 0.21);
	}

	.cell_noshow {
		padding: 10rpx;
		border-radius: 25rpx;
		background-color: #ffffff;
		background-color: #FFEAE0;
	}

	.money {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		margin-left: 40rpx;
		margin-right: 40rpx;
		margin-top: 20rpx;
	}

	.mid_line {
		background-color: #cccccc;
		height: 1rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.mid_bottom {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 40rpx;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}

	.mid {
		border-radius: 25rpx;

		/* background-color: #FFF2EC; */
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: initial;
		/* margin-top: 27rpx; */
		/* margin-left: 30rpx;
		margin-right: 30rpx; */
	}

	.mid_phone_bg {
		height: 100rpx;
		border-radius: 10rpx;
		/* border: 1.5rpx solid #FF473F; */
		margin-top: 25rpx;
		margin-left: 37rpx;
		margin-right: 37rpx;
		background-color: #F0F1F6;
	}

	.gobutton {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-left: 40rpx;
		margin-right: 40rpx;
		margin-bottom: 30rpx;
		margin-top: 20rpx;
		height: 90rpx;
		color: #ffffff;
		font-size: 35rpx;
		background-color: #DC9513;
		text-align: center;
		border-radius: 45rpx;
	}

	.mid_bg {
		border-radius: 25rpx;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: initial;
		margin-top: 27rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		/* box-shadow: 1rpx 1rpx 10rpx 1rpx rgba(255, 80, 49, 0.21); */
	}

	.choose {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-left: 30rpx;
		margin-right: 30rpx;
		margin-top: 30rpx;
		height: 63rpx;
	}

	.choose_1 {
		border-radius: 10rpx;
		background-color: #FFEAE0;
		border: 1rpx solid #FF4E00;
		color: #FF4E00;
		height: 63rpx;
		width: 187rpx;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 27rpx;
		font-weight: 900;
	}

	.choose_1_nor {
		border-radius: 10rpx;
		background-color: #F8F8F8;
		color: #666666;
		height: 63rpx;
		width: 187rpx;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 27rpx;
		font-weight: 900;
	}

	.shouqi {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		background-color: #FFEAE0;
		border: 1rpx solid #FF4E00;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.shouqia {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		background-color: #FDF7ED;
		border: 1rpx solid #DC9513;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.shouqib {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		background-color: #FDF7ED;
		border: 1rpx solid #DC9513;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.shouqic {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		background-color: #FDF7ED;
		border: 1rpx solid #DC9513;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.shouqia_nor {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		/* background-color: #FFEAE0; */
		border: 1rpx solid #aaaaaa;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.shouqib_nor {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		/* background-color: #FFEAE0; */
		border: 1rpx solid #aaaaaa;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.shouqic_nor {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		/* background-color: #FFEAE0; */
		border: 1rpx solid #aaaaaa;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.yhbg {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 38rpx 30rpx 38rpx 30rpx;
	}

	.shou {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 38rpx 30rpx 38rpx 30rpx;
	}

	.logon-message-submit {
		width: 100%;
		border-radius: 100rpx;
		color: #fff;
		font-size: 40rpx;
		line-height: 100rpx;
		text-align: center;
		letter-spacing: 4rpx;
		margin-top: 100rpx;
		background: linear-gradient(90deg, #FF8D4D 0%, #FF6145 100%);
		box-shadow: 0px 8px 29px 4px #FAC6A3;
	}

	.bj {
		position: relative;
		// height: 130vh;
		// background-image: url("@/static/icon_index.png");
		// background-size: 100% 100%;
		// overflow: auto;
		// background-size: cover;
		/* 保持图片宽高比填充容器 */
		// background-position: center;
		// min-width: 750rpx;
		// margin: 0 auto;
		// max-width: 2000rpx;
		// /* 图片居中 */
		// position: relative;
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		-webkit-transition-delay: 99999s;
		-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
	}

	.mc {
		color: $mian-color;
	}
</style>